<template>
  <view>
    <view class="title-warp">
      <uni-icons type="left" size="22" class="iconBack" @click="toPage"></uni-icons>
      <view class="txt">标题名称</view>
    </view>
    <view class="w100 pt-16 pl-24 pr-24">
      <view class="p-all-30 w100 bgff br-10 rowscl mb-20">
        <view class="w100 rowsb rowsm mb-16">
          <view class="fs-30 col333 fw-b">劳动项目：劳动项目名称</view>
          <view class="w-126 h-50 br-25 rowsc rowsm fs-24" style="border: 2rpx solid #FF6560;color: #FF6560;" >被驳回</view>
        </view>
        <view class="fs-26 col888 mb-20">分类:基础劳动/~~</view>       
        <view class="fs-26 col888 mb-20" >劳动时间:2024-08-11至2024-09-11</view>
        <view class="fs-26 col888 mb-20">劳动地点:劳动地点</view>
        <view class="fs-26 col888 mb-20">提交时间:提交时间</view>
        <view class="fs-26 col888 mb-20" >审批时间:审批时间</view>
      </view>
      
      <view class="p-all-30 w100 bgff br-10 mb-20">
        <view class="fs-30 col333 fw-b mb-20">劳动过程说明</view>
        <view class="fs-26 col888">劳动过程说明</view>
      </view>
      
      <view class="p-all-30 w100 bgff br-10 mb-20">
        <view class="fs-30 col333 fw-b mb-20">附件</view>
        <!-- <view class="fs-26 col888">劳动过程</view> -->
        <image :src="data.file" class="w-200 h-200 br-20" v-if="data.fileType == 'image'" mode="aspectFill" @click="openImg(data.file)"></image>
        <video :src="data.file" class="w-200 h-200 br-20" v-if="data.fileType == 'video'"></video>
        <view class="w100 h-140 br-10 rows rowsm pl-40" style="background-color: #F7F6FA;" v-if="data.fileType == 'file'" @click="openFile(data.file)">
          <image src="/static/file.png" class="w-60 h-60 mr-20" mode=""></image>
          <view class="fs-28 col888 w100 one_overflow">{{data.fileName}}</view>
        </view>
      </view>
      <view class="p-all-30 w100 bgff br-10 mb-20">
        <view class="fs-30 col333 fw-b mb-20">驳回详情</view>
        <!-- <view class="fs-26 col333">{{data.markName || ''}}</view> -->
        <view class="fs-26 col333">驳回详情</view>
      </view>
    </view>
    
    <view class="w100 h-140"></view>
    
   <view class="w100 rowsc rowsm fixed" style="bottom: 40rpx;">
      <view class="w-702 h-84 br-42 rowsc rowsm colfff fw-b" style="background: linear-gradient(to bottom,#4897FF,#4878FF);">重新填写</view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        id:'',
        data:{},
        scoreList:[],
		scoreIndex:0,
		content:'',
		noPassContent:'',
    index:''
      };
    },
    onLoad(e) {
      // this.id = e.id
      // this.index = e.index
    },
    onReady() {
      // this.$refs.popup.open()
    },
    methods:{
      toPage(){
        uni.navigateTo({
          url:'/pages/msg/toDoList'
        })
      },
    }
  }
</script>

<style lang="scss">
.title-warp{
  width: 100%;
  height: 160rpx;
  background: #fff;
  padding: 0 10rpx;
  display: flex;
  align-items: center;
  line-height: 200rpx;
  .iconBack{
    cursor: pointer;
    width: 10%;
  }
  .txt{
    width: 80%;
    text-align: center;
  }
}
</style>
